<template>
    <v-app-bar app elevate-on-scroll>
        <!-- <v-app-bar-nav-icon></v-app-bar-nav-icon> -->
        <v-toolbar-title style="margin-left: 5%">
            <router-link to="/">
                <h2>BING2</h2>
            </router-link>
        </v-toolbar-title>

        <v-spacer></v-spacer>
        <v-btn depressed @click.stop="dialog = true" color="#fff">
            <h3>
                月份选择
            </h3>
        </v-btn>
        <v-spacer></v-spacer>

        <v-btn depressed color="#fff">
            <a target="_blank" href="https://imtzz.com">
                ABOUT
            </a>
        </v-btn>
        <v-btn icon disabled> </v-btn>
    </v-app-bar>
</template>

<script>
export default {
    name: "THeader",
    data: function() {
        return {
            site: {
                name: "BING2"
            }
        };
    }
};
</script>

<style></style>
